/**
 * 图片懒加载
 */
function lazyloadFn(){
    //1.监控网页滚动
    //2.事件处理函数中：获取当前总可见内容高度=网页可见视口高度 + 滚动条滚动高度（默认是0）
    var totalHeight = (window.innerHeight || document.documentElement.clientHeight) + 
                      (document.body.scrollTop || document.documentElement.scrollTop)
    //3.事件处理函数中：获取所有图片
    var imgsObj = document.querySelectorAll('img')
    //4.事件处理函数中：遍历获取每个图片 到 可见视口左上角的距离
    imgsObj.forEach(item =>{
        //5.事件处理函数中：循环体里判断 【当前总可见内容高度】>【当前图片到可见视口上边的距离】
        //   不成立，不管； 成立，修改src地址
        if(totalHeight>item.offsetTop){
            item.src=item.getAttribute('data-original')
        }
    })
    
}